<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"> <style>
	.KEYW {color: #933;}
	.COMM {color: #bbb; font-style: italic;}
	.NUMB {color: #393;}
	.STRN {color: #393;}
	.REGX {color: #339;}
	.line {border-right: 1px dotted #666; color: #666; font-style: normal;}
	</style></head><body><pre><span class='line'>  1</span> <span class="COMM">/**
<span class='line'>  2</span>  * @fileOverview 뷰어 > 기사뷰어의 뷰
<span class='line'>  3</span>  * @author oz_moon
<span class='line'>  4</span>  */</span><span class="WHIT">
<span class='line'>  5</span> </span><span class="NAME">nhn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">window.nhn</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>  6</span> </span><span class="NAME">nhn.newsstand</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">nhn.newsstand</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>  7</span> </span><span class="NAME">nhn.newsstand.viewer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">nhn.newsstand.viewer</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>  8</span> </span><span class="NAME">nhn.newsstand.viewer.article</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">nhn.newsstand.viewer.article</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>  9</span> </span><span class="NAME">nhn.newsstand.viewer.article.View</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$Class</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 10</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'> 11</span> </span><span class="WHIT">	</span><span class="COMM">/** @lends nhn.newsstand.viewer.article.View.prototype */</span><span class="WHIT">
<span class='line'> 12</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'> 13</span> 	 * nhn.newsstand.viewer.article.View 클래스의 인스턴스를 생성한다.
<span class='line'> 14</span> 	 * @constructs
<span class='line'> 15</span> 	 * @class 뷰어 > 기사뷰어의 뷰  
<span class='line'> 16</span> 	 * @requires nhn.newsstand.viewer.config
<span class='line'> 17</span> 	 * @requires nhn.newsstand.viewer.article.View.oHTML
<span class='line'> 18</span> 	 * @requires nhn.newsstand.common.util
<span class='line'> 19</span> 	 * @example
<span class='line'> 20</span> 	 * var oView = new nhn.newsstand.viewer.article.View();
<span class='line'> 21</span> 	 */</span><span class="WHIT">
<span class='line'> 22</span> </span><span class="WHIT">	</span><span class="NAME">$init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 23</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'> 24</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'> 25</span> 	 * 기사뷰어 레이어를 생성하고 스타일을 지정한다.
<span class='line'> 26</span> 	 * @param {HashTable} htLayerInfo 기사뷰어 최상위 레이어의 스타일 정보
<span class='line'> 27</span> 	 * @param {Number} nTitleMargin 타이틀 말줄임시 우측에 확보할 right-margin 값 
<span class='line'> 28</span> 	 * @param {Number} nRMargin 스크롤이 있는 컨텐츠 영역의 right-margin 값
<span class='line'> 29</span> 	 * @param {Number} nTMargin 스크롤이 있는 컨텐츠 영역의 top-margin 값
<span class='line'> 30</span> 	 */</span><span class="WHIT">
<span class='line'> 31</span> </span><span class="WHIT">	</span><span class="NAME">initLayer</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">htLayerInfo</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">nTitleMargin</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">nRMargin</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">nTMargin</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 32</span> </span><span class="WHIT">		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">elLayer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"ly_articleViewer"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 33</span> </span><span class="WHIT">		</span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">elLayer</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 34</span> </span><span class="WHIT">			</span><span class="NAME">$Element</span><span class="PUNC">(</span><span class="NAME">document.body</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">prependHTML</span><span class="PUNC">(</span><span class="NAME">nhn.newsstand.viewer.article.View.oHTML</span><span class="PUNC">[</span><span class="STRN">"layout"</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 35</span> </span><span class="WHIT">			</span><span class="NAME">elLayer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"ly_articleViewer"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 36</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'> 37</span> </span><span class="WHIT">					</span><span class="WHIT">
<span class='line'> 38</span> </span><span class="WHIT">		</span><span class="NAME">$Element</span><span class="PUNC">(</span><span class="NAME">elLayer</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">css</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 39</span> </span><span class="WHIT">			</span><span class="STRN">"top"</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">htLayerInfo.top</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 40</span> </span><span class="WHIT">			</span><span class="STRN">"left"</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">htLayerInfo.left</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 41</span> </span><span class="WHIT">			</span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">htLayerInfo.width</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 42</span> </span><span class="WHIT">			</span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">htLayerInfo.height</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="WHIT">
<span class='line'> 43</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 44</span> </span><span class="WHIT">		</span><span class="WHIT">
<span class='line'> 45</span> </span><span class="WHIT">		</span><span class="NAME">$Element</span><span class="PUNC">(</span><span class="NAME">$$.getSingle</span><span class="PUNC">(</span><span class="STRN">"p > span"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">elLayer</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">css</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 46</span> </span><span class="WHIT">			</span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">htLayerInfo.width</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">nTitleMargin</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="WHIT">
<span class='line'> 47</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 48</span> </span><span class="WHIT">		</span><span class="WHIT">
<span class='line'> 49</span> </span><span class="WHIT">		</span><span class="NAME">$Element</span><span class="PUNC">(</span><span class="NAME">$$.getSingle</span><span class="PUNC">(</span><span class="STRN">".scroll"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">elLayer</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">css</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 50</span> </span><span class="WHIT">			</span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">htLayerInfo.width</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">nRMargin</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 51</span> </span><span class="WHIT">			</span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">htLayerInfo.height</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">nTMargin</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="WHIT">
<span class='line'> 52</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 53</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 54</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'> 55</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'> 56</span> 	 * 타이틀을 그린다.
<span class='line'> 57</span> 	 * @param {HTMLElement} elTitle 타이틀바 영역
<span class='line'> 58</span> 	 * @param {String} 기사 제목
<span class='line'> 59</span> 	 */</span><span class="WHIT">
<span class='line'> 60</span> </span><span class="WHIT">	</span><span class="NAME">drawTitle</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">sTitle</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 61</span> </span><span class="WHIT">		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">elTitle</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$$.getSingle</span><span class="PUNC">(</span><span class="STRN">"p > span"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"ly_articleViewer"</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 62</span> </span><span class="WHIT">		</span><span class="NAME">elTitle.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sTitle</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 63</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 64</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'> 65</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'> 66</span> 	 * 텍스트 보기시 해당 영역에 내용을 그린다.
<span class='line'> 67</span> 	 * @param {HTMLElement} elContent 텍스트보기시 내용이 보여질 영역
<span class='line'> 68</span> 	 * @param {HashTable} htData 템플릿에 사용할 데이터
<span class='line'> 69</span> 	 */</span><span class="WHIT">
<span class='line'> 70</span> </span><span class="WHIT">	</span><span class="NAME">drawTextMode</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">elContent</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">htData</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 71</span> </span><span class="WHIT">		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">wtContent</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$Template</span><span class="PUNC">(</span><span class="NAME">nhn.newsstand.viewer.article.View.oHTML</span><span class="PUNC">[</span><span class="STRN">"textContent"</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 72</span> 
<span class='line'> 73</span> </span><span class="WHIT">		</span><span class="NAME">elContent.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">wtContent.process</span><span class="PUNC">(</span><span class="NAME">htData</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 74</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 75</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'> 76</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'> 77</span> 	 * 툴바의 배율 표시 영역을 그린다.
<span class='line'> 78</span> 	 * @param {HTMLElement} elArea 배율 표시 영역
<span class='line'> 79</span> 	 * @param {Number} nPercent 배율
<span class='line'> 80</span> 	 */</span><span class="WHIT">
<span class='line'> 81</span> </span><span class="WHIT">	</span><span class="NAME">drawPercentArea</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">elArea</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">nPercent</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 82</span> </span><span class="WHIT">		</span><span class="NAME">elArea.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"&lt;strong>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">nPercent</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"%&lt;/strong>"</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 83</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 84</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'> 85</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'> 86</span> 	 * 지정한 선택 레이어에 내용이 존재하는지 여부를 반환
<span class='line'> 87</span> 	 * @param {HTMLElement} elLayer 선택 레이어
<span class='line'> 88</span> 	 */</span><span class="WHIT">
<span class='line'> 89</span> </span><span class="WHIT">	</span><span class="NAME">isSelectLayerContent</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">elLayer</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 90</span> </span><span class="WHIT">		</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="PUNC">!</span><span class="PUNC">(</span><span class="NAME">$$.getSingle</span><span class="PUNC">(</span><span class="STRN">">ul"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">elLayer</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 91</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 92</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'> 93</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'> 94</span> 	 * 배율 선택 레이어 만들기
<span class='line'> 95</span> 	 * @param {HTMLElement} elLayer 템플릿을 그릴 대상 레이어
<span class='line'> 96</span> 	 * @param {HashTable} aData 템플릿에 사용할 데이터
<span class='line'> 97</span> 	 */</span><span class="WHIT">
<span class='line'> 98</span> </span><span class="WHIT">	</span><span class="NAME">makePercentLayer</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">elLayer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">aData</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 99</span> </span><span class="WHIT">		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">htData</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="NAME">aData</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">aData</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>100</span> </span><span class="WHIT">		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">wtLayer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$Template</span><span class="PUNC">(</span><span class="NAME">nhn.newsstand.viewer.article.View.oHTML</span><span class="PUNC">[</span><span class="STRN">"percentLayer"</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="WHIT">
<span class='line'>101</span> 
<span class='line'>102</span> </span><span class="WHIT">		</span><span class="NAME">elLayer.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">wtLayer.process</span><span class="PUNC">(</span><span class="NAME">htData</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>103</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>104</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'>105</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'>106</span> 	 * 선택 레이어에 현재 상태 하이라이팅하기
<span class='line'>107</span> 	 * @param {HTMLElement} elLayer 선택 레이어
<span class='line'>108</span> 	 * @param {String} sMarker 비교할 현재의 상태 값
<span class='line'>109</span> 	 */</span><span class="WHIT">
<span class='line'>110</span> </span><span class="WHIT">	</span><span class="NAME">markSelectedItem</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">elLayer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sMarker</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>111</span> </span><span class="WHIT">		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">aAllLink</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$$</span><span class="PUNC">(</span><span class="STRN">"a"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">elLayer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>112</span> </span><span class="WHIT">		</span><span class="WHIT">
<span class='line'>113</span> </span><span class="WHIT">		</span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">nLen</span><span class="PUNC">=</span><span class="NAME">aAllLink.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">&lt;</span><span class="NAME">nLen</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>114</span> </span><span class="WHIT">			</span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">oUtil.getClass</span><span class="PUNC">(</span><span class="NAME">aAllLink</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"_selectPercent"</span><span class="PUNC">)</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">==</span><span class="WHIT"> </span><span class="NAME">sMarker</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>115</span> </span><span class="WHIT">				</span><span class="NAME">this.activateButton</span><span class="PUNC">(</span><span class="NAME">$$.getSingle</span><span class="PUNC">(</span><span class="STRN">"!li"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">aAllLink</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>116</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>117</span> </span><span class="WHIT">				</span><span class="NAME">this.deactivateButton</span><span class="PUNC">(</span><span class="NAME">$$.getSingle</span><span class="PUNC">(</span><span class="STRN">"!li"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">aAllLink</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>118</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'>119</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'>120</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>121</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'>122</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'>123</span> 	 * 활성/비활성 변경 가능한 이전/다음 기사 이동 버튼 그리기
<span class='line'>124</span> 	 * @param {HTMLElement} elParent 비활성할 버튼의 상위 엘리먼트
<span class='line'>125</span> 	 * @param {String} sDirect 방향
<span class='line'>126</span> 	 */</span><span class="WHIT">
<span class='line'>127</span> </span><span class="WHIT">	</span><span class="NAME">drawPageButton</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">elParent</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sDirect</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>128</span> </span><span class="WHIT">		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">sDesc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>129</span> </span><span class="WHIT">		</span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">sDirect</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>130</span> </span><span class="WHIT">			</span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"before"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">sDesc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"이전"</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>131</span> </span><span class="WHIT">			</span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"next"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">sDesc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"다음"</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>132</span> </span><span class="WHIT">			</span><span class="KEYW">default</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>133</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'>134</span> </span><span class="WHIT">		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">htData</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">sDirect</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">sDirect</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sDesc</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">sDesc</span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>135</span> </span><span class="WHIT">		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">wtButton</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$Template</span><span class="PUNC">(</span><span class="NAME">nhn.newsstand.viewer.article.View.oHTML</span><span class="PUNC">[</span><span class="STRN">"pagination"</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="WHIT">
<span class='line'>136</span> 
<span class='line'>137</span> </span><span class="WHIT">		</span><span class="NAME">elParent.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">wtButton.process</span><span class="PUNC">(</span><span class="NAME">htData</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>138</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>139</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'>140</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'>141</span> 	 * 버튼 하이라이팅 켜기
<span class='line'>142</span> 	 * @param {HTMLElement} elTarget 하이라이팅할 버튼 엘리먼트
<span class='line'>143</span> 	 * @param {HTMLElement} elRelation 하이라이팅을 끌 버튼 엘리먼트
<span class='line'>144</span> 	 */</span><span class="WHIT">
<span class='line'>145</span> </span><span class="WHIT">	</span><span class="NAME">activateButton</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">elTarget</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">elRelation</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>146</span> </span><span class="WHIT">		</span><span class="NAME">$Element</span><span class="PUNC">(</span><span class="NAME">elTarget</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">"on"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>147</span> </span><span class="WHIT">		</span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">elRelation</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>148</span> </span><span class="WHIT">			</span><span class="NAME">this.deactivateButton</span><span class="PUNC">(</span><span class="NAME">elRelation</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>149</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'>150</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>151</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'>152</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'>153</span> 	 * 버튼 하이라이팅 끄기
<span class='line'>154</span> 	 * @param {HTMLElement} elTarget 버튼 엘리먼트
<span class='line'>155</span> 	 */</span><span class="WHIT">
<span class='line'>156</span> </span><span class="WHIT">	</span><span class="NAME">deactivateButton</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">elTarget</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>157</span> </span><span class="WHIT">		</span><span class="NAME">$Element</span><span class="PUNC">(</span><span class="NAME">elTarget</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">removeClass</span><span class="PUNC">(</span><span class="STRN">"on"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>158</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>159</span> </span><span class="WHIT">	</span><span class="WHIT">
<span class='line'>160</span> </span><span class="WHIT">	</span><span class="COMM">/**
<span class='line'>161</span> 	 * 버튼 하이라이팅 여부
<span class='line'>162</span> 	 * @param {HTMLElement} elTarget 버튼 엘리먼트
<span class='line'>163</span> 	 * @return {Boolean}
<span class='line'>164</span> 	 */</span><span class="WHIT">
<span class='line'>165</span> </span><span class="WHIT">	</span><span class="NAME">isActivedButton</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">elTarget</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>166</span> </span><span class="WHIT">		</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">$Element</span><span class="PUNC">(</span><span class="NAME">elTarget</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">hasClass</span><span class="PUNC">(</span><span class="STRN">"on"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>167</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'>168</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'>169</span> 
<span class='line'>170</span> </span><span class="NAME">nhn.newsstand.viewer.article.View.oHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>171</span> </span><span class="WHIT">	</span><span class="STRN">"layout"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">"&lt;div id='ly_articleViewer' class='article_layer drag-target' style='left:0px; top:0px; display:none;'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>172</span> </span><span class="WHIT">	            	</span><span class="STRN">"&lt;div class='article_section'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>173</span> </span><span class="WHIT">		            	</span><span class="STRN">"&lt;p class='title_draggable'>&lt;span style='width:485px;'>&lt;/span>&lt;/p>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>174</span> </span><span class="WHIT">		            	</span><span class="STRN">"&lt;div class='_percentLayer layer type3' style='right:173px; top:61px; display:none;'>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>175</span> </span><span class="WHIT">		            	</span><span class="STRN">"&lt;div class='control'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>176</span> </span><span class="WHIT">		            		</span><span class="STRN">"&lt;ul class='view_type'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>177</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;li class='txt'>&lt;a href='#' class=\"_activateBtn _viewBy('text') _nclicks_async(vat.txt)\">텍스트&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>178</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;li class='image'>&lt;a href='#' class=\"_activateBtn _viewBy('image') _nclicks_async(vat.page)\">지면&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>179</span> </span><span class="WHIT">		            		</span><span class="STRN">"&lt;/ul>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>180</span> </span><span class="WHIT">		            		</span><span class="STRN">"&lt;ul class='zoom_type'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>181</span> </span><span class="WHIT">			            		</span><span class="STRN">"&lt;li class='zoomout'>&lt;a href='#' title='축소' class=\"_activateBtn _changePercent('-1') _nclicks_async(vat.zmout)\">&lt;span class='blind'>축소&lt;/span>&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>182</span> </span><span class="WHIT">			            		</span><span class="STRN">"&lt;li class='zoomin'>&lt;a href='#' title='확대' class=\"_activateBtn _changePercent('1') _nclicks_async(vat.zmin)\">&lt;span class='blind'>확대&lt;/span>&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>183</span> </span><span class="WHIT">			            		</span><span class="STRN">"&lt;li class='percent'>&lt;a href='#' class='_activateBtn _showPercentLayer _nclicks_async(vat.zoom)'>&lt;strong>100%&lt;/strong>&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>184</span> </span><span class="WHIT">		            		</span><span class="STRN">"&lt;/ul>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>185</span> </span><span class="WHIT">		            		</span><span class="STRN">"&lt;ul class='save_type'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>186</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;li class='print'>&lt;a href='#' title='인쇄' class='_printArticle _nclicks_async(vat.print)'>&lt;span class='blind'>인쇄&lt;/span>&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>187</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;li class='save'>&lt;a href='#' title='저장' class='_saveArticle _nclicks_async(vat.save)'>&lt;span class='blind'>저장&lt;/span>&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>188</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;li class='cut'>&lt;a href='#' title='스크랩' class='_scrapArticle _nclicks_async(vat.scrap)'>&lt;span class='blind'>스크랩&lt;/span>&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>189</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;li class='copy'>&lt;input type='image' title='주소복사' alt='주소복사' class='_copyUrl' src='"</span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">oConfig.IMG.BLANK</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="STRN">"'>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>190</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;li class='putin'>&lt;a href='#' title='장바구니' class='_putArticleInBasket _nclicks_async(vat.cart)'>&lt;span class='blind'>장바구니&lt;/span>&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>191</span> </span><span class="WHIT">		            		</span><span class="STRN">"&lt;/ul>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>192</span> </span><span class="WHIT">		            	</span><span class="STRN">"&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>193</span> </span><span class="WHIT">		            	</span><span class="STRN">"&lt;div class='scroll _onArticleViewer' style='width: 546px; height:400px; overflow:hidden;'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>194</span> </span><span class="WHIT">		            		</span><span class="STRN">"&lt;div class='txt_group _noticePurchase' style='z-index:32003; display:none;'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>195</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;strong class='article'>해당 기사는 보실 수 없습니다. 결제 후 이용해 주세요.&lt;/strong>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>196</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;a href='#' class='payment _purchaseArticle'>&lt;span class='blind'>결제하기&lt;/span>&lt;/a>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>197</span> </span><span class="WHIT">		            			</span><span class="STRN">"&lt;a href='#' class='keep _putInBasket'>&lt;span class='blind'>장바구니 담기&lt;/span>&lt;/a>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>198</span> </span><span class="WHIT">		            		</span><span class="STRN">"&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>199</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;div class='_tileContainer content_draggable' style='position: relative; width: 546px; height: 400px; top: 0px; left: 0px;'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>200</span> </span><span class="WHIT">			            		</span><span class="STRN">"&lt;div class='_tilePanel' style='position: absolute; top: 0px; left: 0px;'>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>201</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>202</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;div class='_zoommingAnimation' style='position: absolute;overflow:hidden;'>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>203</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;div class='ly_blind' style='top: 0px; left: 0px; width: 175px; height: 42px; display:none;'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>204</span> </span><span class="WHIT">			            		</span><span class="STRN">"&lt;em>이 기사는 언론사 요청에 의해&lt;span>일부 내용이 블라인드되었습니다.&lt;/span>&lt;/em>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>205</span> </span><span class="WHIT">			            		</span><span class="STRN">"&lt;div class='shadow'>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>206</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>207</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;div class='notice' style='display:none;'>&lt;p>이 기사는 언론사 요청에 의해 일부 수정되었으며, 실제 신문의 내용과 다를 수 있습니다.&lt;/p>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>208</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;div class='_textContainer'>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>209</span> </span><span class="WHIT">			            </span><span class="STRN">"&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>210</span> </span><span class="WHIT">			            </span><span class="STRN">"&lt;div class='_layerScroll scrollbar-v'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>211</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;div class='scrollbar-button-up'>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>212</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;div class='scrollbar-track'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>213</span> </span><span class="WHIT">			            		</span><span class="STRN">"&lt;div class='scrollbar-thumb'>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>214</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>215</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;div class='scrollbar-button-down'>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>216</span> </span><span class="WHIT">			            </span><span class="STRN">"&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>217</span> </span><span class="WHIT">			            </span><span class="STRN">"&lt;div class='page'>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>218</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;ul>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>219</span> </span><span class="WHIT">			            		</span><span class="STRN">"&lt;li class=\"before _nclicks_async(vat.prea)\">&lt;span class='off' title='이전 기사'>이전 기사&lt;/span>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>220</span> </span><span class="WHIT">			            		</span><span class="STRN">"&lt;li class=\"next _nclicks_async(vat.nexta)\">&lt;span class='off' title='다음 기사'>다음 기사&lt;/span>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>221</span> </span><span class="WHIT">			            	</span><span class="STRN">"&lt;/ul>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>222</span> </span><span class="WHIT">			            </span><span class="STRN">"&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>223</span> </span><span class="WHIT">			            </span><span class="STRN">"&lt;a href='#' class='close _nclicks_async(vat.close)'>&lt;span class='blind'>닫기&lt;/span>&lt;/a>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>224</span> </span><span class="WHIT">			        </span><span class="STRN">"&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>225</span> </span><span class="WHIT">			        </span><span class="STRN">"&lt;div class='shadow'>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>226</span> </span><span class="WHIT">			    </span><span class="STRN">"&lt;/div>"</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">join</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>227</span> </span><span class="WHIT">	</span><span class="STRN">"percentLayer"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">"&lt;ul>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>228</span> </span><span class="WHIT">						</span><span class="STRN">"{for key:value in aData}"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>229</span> </span><span class="WHIT">						</span><span class="STRN">"&lt;li>&lt;a href=\"#\" class=\"_selectPercent('{=value}') _nclicks_async(vat.zmoption,,{=key+1})\">{=value}%&lt;/a>&lt;/li>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>230</span> </span><span class="WHIT">						</span><span class="STRN">"{/for}"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>231</span> </span><span class="WHIT">					</span><span class="STRN">"&lt;/ul>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>232</span> </span><span class="WHIT">					</span><span class="STRN">"&lt;div class=\"rndt\">&lt;span class=\"layer_png\">&lt;/span>&lt;/div>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>233</span> </span><span class="WHIT">					</span><span class="STRN">"&lt;div class=\"rndb\">&lt;span class=\"layer_png\">&lt;/span>&lt;/div>"</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">join</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>234</span> </span><span class="WHIT">	</span><span class="STRN">"textContent"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">"{if bodyLinkContent}"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>235</span> </span><span class="WHIT">						</span><span class="STRN">"&lt;dl>&lt;dt>{=title}&lt;dt>&lt;dd>{=bodyLinkContent}&lt;/dd>&lt;/dl>"</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'>236</span> </span><span class="WHIT">					</span><span class="STRN">"{/if}"</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">join</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="WHIT">
<span class='line'>237</span> </span><span class="WHIT">	</span><span class="STRN">"pagination"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">"&lt;a href='#' class=\"_movePage('{=sDirect}')\" title='{=sDesc} 기사'>{=sDesc} 기사&lt;/span>"</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">join</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="WHIT">
<span class='line'>238</span> </span><span class="PUNC">}</span><span class="PUNC">;</span></pre></body></html>